function getStudentOverview() {
    axios.get('/student/overview').then(result => {
        console.log(result);
        if (result.data.code === 0) {
            const { avgAge, avgSalary, proportion, total } = result.data.data;
            document.querySelector('.avgAge').innerText = avgAge;
            document.querySelector('.avgSalary').innerText = avgSalary;
            document.querySelector('.proportion').innerText = proportion;
            document.querySelector('.total').innerText = total;


        }
    })
}
getStudentOverview();

//获取学员信息
function getStudentList() {
    axios.get('/student/list').then(result => {
        if (result.data.code === 0) {
            const list = result.data.data;
            console.log(list);

            getSalary(list);
            getHomeTown(list);
        }
    })
}


//薪资折线图
function getSalary(list) {
    const salarys = list.map(v => v.salary);
    const trueSalarys = list.map(v => v.truesalary);
    const names = list.map(v => v.name);
    // 三个步骤
    // 1-获取一个盒子用来装图表
    // 基于准备好的dom，初始化echarts实例
    const myChart = echarts.init(document.querySelector('.line'));
    // 2 - 配置option
    // 指定图表的配置项和数据
    const option = {
        color: ['#ee6666', '#5470c6'],
        title: {
            text: '薪资 Salary'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {},

        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: names,
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value}'
            }
        },
        dataZoom: [{
                type: 'inside',
                start: 0,
                end: 10
            },
            {
                start: 0,
                end: 10
            }
        ],
        series: [{
            name: '期望薪资',
            type: 'line',
            data: salarys,
            smooth: true,
            symbol: 'circle', // 实心
        }, {
            name: '实际薪资',
            type: 'line',
            data: trueSalarys,
            smooth: true,
            symbol: 'circle', // 实心

        }]
    };
    // 3 - 联系起来
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

//籍贯饼图
function getHomeTown(list) {
    // 定义一个空数组
    // 需要的数组样式[{value:1,name'广东'}]
    // 对获取到的数据的数组进行遍历
    // 如果新数组中没有就添加到新数组中
    // 如果新数组中有一样的省 则value++
    const newList = [];
    list.forEach(v => {
            const index = newList.findIndex(vv => vv.name === v.province); //判断久数组中名字和新数组中名字是否存在一样的
            // 如果找不到index=-1
            if (index === -1) {
                newList.push({ value: 1, name: v.province })
            } else {
                newList[index].value++;
            }
        })
        // 基于准备好的dom，初始化echarts实例
    const myChart = echarts.init(document.querySelector('.pie'));

    // 指定图表的配置项和数据
    const option = {
        title: {
            text: '籍贯 HomeTown'
        },
        tooltip: {
            trigger: 'item',

        },
        series: [{
            name: '人数',
            type: 'pie',
            radius: [30, 150],
            center: ['50%', '50%'],
            roseType: 'area',
            itemStyle: {
                borderRadius: 8
            },
            data: newList,
        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

getStudentList();